<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/bootstrap-theme.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/active.css">
    <title>Document</title>

</head>
<body>
  <main>
      <!--按钮-->
      <section>
          <div class="box1" >
              <!--添加-->
              <div class="one">
                  <select class="btn-sm" id="group" value="1">
                      <option value="1">成都市</option>
                      <option value="2">绵阳市</option>
                      <option value="3">雅安市</option>
                      <option value="4">乐山市</option>
                      <option value="5">内江市</option>
                  </select>
                  <button class="btn btn-default btn-sm" data-toggle="modal" data-target="#MyNew" >新增</button>
                  <button class="btn btn-danger btn-sm" id="del" data-toggle="modal" data-target="#myDel">删除</button>
              </div>
              <!--查询-->
              <div class="two">
<!--                  <input class=".input-group-btn" type="text" name="text" value="text">-->
<!--                  <button class="btn btn-default btn-sm">查询</button>-->
                  <div class="input-group">
                      <input type="text" class="form-control" placeholder="搜索" id="MessVul">
                      <span class="input-group-btn">
                        <button class="btn btn-default" type="button" id="FindMess">查找</button>
                      </span>
                  </div>
              </div>
          </div>
      </section>
      <!--内容-->
      <section>
          <table class="table table-hover">
              <thead>
                 <tr>
                     <td><input type="checkbox" id="checkAll" name="selectAll"></td>
                     <td>学校名称</td>
                     <td>活动时间</td>
                     <td>活动编号</td>
                     <td>负责人</td>
                     <td>联系电话</td>
                     <td>操作</td>
                 </tr>
              </thead>
              <tbody id="tdCard">

              </tbody>
          </table>
          <!--显示页码-->
          <div id="divPage"></div>


          <!-- 修改-->
          <div class="modal fade" id="myFix" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <div class="modal-dialog" role="document">
                  <div class="modal-content">
                      <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title">活动修改</h4>
                      </div>
                      <div class="modal-body form-inline look">
                          <p class="form-group">学校名称：<input type="text" class="form-control" id="NameB"></p>
                          <p class="form-group">活动名称：<input type="text" class="form-control" id="activeB"></p>
                          <p class="form-group" id="timeOne">活动时间：<input type="date" class="form-control" id="TimeB"></p>
                          <p class="form-group">活动地点：<input type="text" class="form-control" id="diDianB"></p>
                          <p class="form-group">负责部门：<input type="text" class="form-control" id="deptB"></p>
                          <p >负责人：&nbsp;&nbsp; <select class="btn-sm" id="ResManagerB" value="1">
                          </select></p>
                          <p class="form-group">联系电话：<input type="text" class="form-control" id="telB"></p>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary" id="addFix">确定</button>
                      </div>
                  </div>
              </div>
          </div>
          <!--修改成功-->
          <div class="modal fade" id="myFixWin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <div class="modal-dialog" role="document">
                  <div class="modal-content">
                      <div class="modal-header">
                          <!--                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
                          <!--                <h4 class="modal-title">活动删除</h4>-->
                      </div>
                      <div class="modal-body">
                          <h4>修改成功！</h4>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary" id="addMyFixWin">确定</button>
                      </div>
                  </div>
              </div>
          </div>
          <!-- 查看-->
          <div class="modal fade" id="myLook" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <div class="modal-dialog" role="document">
                  <div class="modal-content">
                      <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title">活动查看</h4>
                      </div>
                      <div class="modal-body form-inline look">
                          <p class="form-group">学校名称：<input type="text" class="form-control" id="Name"></p>
                          <p class="form-group">活动名称：<input type="text" class="form-control" id="active"></p>
                          <p class="form-group" id="timeThree">活动时间：<input type="text" class="form-control" id="Time"></p>
                          <p class="form-group">活动地点：<input type="text" class="form-control" id="diDian"></p>
                          <p class="form-group">负责部门：<input type="text" class="form-control" id="dept"></p>
                          <p >负责人：&nbsp;&nbsp; <select class="btn-sm" id="ResManager" value="1">
                              <option value="1" id="oneName">张三</option>
                              <option value="2">李四</option>
                              <option value="3">王五</option>
                              <option value="4">小明</option>
                              <option value="5">李四</option>
                          </select></p>
                          <p class="form-group">联系电话：<input type="text" class="form-control" id="tel"></p>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary">确定</button>
                      </div>
                  </div>
              </div>
          </div>
          <!--新增-->
          <div class="modal fade" id="MyNew" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <div class="modal-dialog" role="document">
                  <div class="modal-content">
                      <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title">活动新增</h4>
                      </div>
                      <div class="modal-body form-inline look">
                          <p class="form-group">学校名称：<input type="text" class="form-control" id="NameA"></p>
                          <p class="form-group">活动编号：<input type="text" class="form-control" id="activeIdA"></p>
                          <p class="form-group">活动名称：<input type="text" class="form-control" id="activeA"></p>
                          <p class="form-group" id="timeTwo">活动时间：<input type="date" class="form-control" id="TimeA"></p>
                          <p class="form-group">活动地点：<input type="text" class="form-control" id="diDianA"></p>
                          <p class="form-group">负责部门：<input type="text" class="form-control" id="deptA"></p>
                          <p >负责人：&nbsp;&nbsp; <select class="btn-sm" id="ResManagerA" ></select></p>
                          <p class="form-group">联系电话：<input type="text" class="form-control" id="telA"></p>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary" id="AddNew">确定</button>
                      </div>
                  </div>
              </div>
          </div>
          <!--删除-->
          <div class="modal fade" id="myDel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <div class="modal-dialog" role="document">
                  <div class="modal-content">
                      <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title">活动删除</h4>
                      </div>
                      <div class="modal-body">
                          <h4>确认要删除选中信息吗？</h4>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary" id="addDel">确定</button>
                      </div>
                  </div>
              </div>
          </div>
          <!--删除成功-->
          <div class="modal fade" id="myDelWin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <div class="modal-dialog" role="document">
                  <div class="modal-content">
                      <div class="modal-header">
                      </div>
                      <div class="modal-body">
                          <h4>删除成功！</h4>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary" id="delOver">确定</button>
                      </div>
                  </div>
              </div>
          </div>

          <!--请输入正确的信息-->
          <div class="modal fade" id="myMessWin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <div class="modal-dialog" role="document">
                  <div class="modal-content">
                      <div class="modal-header">
                      </div>
                      <div class="modal-body">
                          <h4>请输入正确的学校名称！</h4>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary" id="messOver">确定</button>
                      </div>
                  </div>
              </div>
          </div>

      </section>

  </main>

<script src="../js/jquery-3.5.1.js" ></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/guliData.js" ></script>
<script src="../js/active.js" ></script>
</body>
</html>





<!--// // 修改-->
<!--// function edit(){-->
<!--//     $("#tdCard").on('click','.button_two',function(){-->
<!--//         var index = $(this).attr('data-index');-->
<!--//         operid = index;-->
<!--//         $("#addActive").modal('show');-->
<!--//         $("#schoolId").val(active[index].schoolId);-->
<!--//         $("#schoolName").val(active[index].schoolName);-->
<!--//         $("#activeName").val(active[index].activeName);-->
<!--//         $("#activeTime").val(active[index].activeTime);-->
<!--//         $("#Address").val(active[index].Address);-->
<!--//         $("#manager").val(active[index].manager);-->
<!--//         $("#phone").val(active[index].phone);-->
<!--//     })-->
<!--// }-->




<!--//删除数据-->
<!--// function addDelete() {-->
<!--//    $("#tdCard").on("click",".del",function () {-->
<!--//        //删除当前的tr-->
<!--//        $(this).parent().parent().remove();-->
<!--//        //删除数组中的数据(对应的下标删除)-->
<!--//        var schoolId=$(this).attr("data-schoolId");-->
<!--//        delId(schoolId);-->
<!--//-->
<!--//    })-->
<!--// }-->
<!--// function delId(schoolId) {-->
<!--//     for(var i=0;i<active.length;i++){-->
<!--//         if(active[i].schoolId==schoolId){-->
<!--//             active.splice(i,1);-->
<!--//             break;-->
<!--//         }-->
<!--//     }-->
<!--// }-->